<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
<!--空间折叠现象:将连续多个空格与换行都折叠成一个空格进行显示-->
    地2个网页       内容
<!--    1.文本基础效果标签-->
    <b>加粗文字bold</b>
    <i>斜体文字italic</i>
    <u>下划线文字underline</u>
    <s>删除线文字</s>
    <mark>高亮标记文字</mark>
<!--换行标签-->
    <br>
<!-- 4.转义符号-->
    我最喜欢吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;红烧肉
<!--5.标题标签 加粗 修改字号 有垂直方向的行间距 内容独占一行 最高到6级标题-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h7>七级标题</h7>

<!--6.段落标签  有垂直方向的行间距 内容独占一行-->
<p>段落标签</p>
<p>段落标签</p>
<p>段落标签</p>

<!--8.分割线标签 水平 灰色-->
<hr>

<!--7. 假文  输入lorem后按Tab补全-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci beatae corporis earum excepturi illo, inventore laudantium natus neque nostrum, odio perspiciatis possimus provident quasi ratione reiciendis, soluta tempore voluptates.

<!--有序列表 ordered list   li:list item列表项-->
<!--type属性修改列表项前标识符:
1阿拉伯数字(默认值) A大写字母 a小写字母 I大写罗马字母 i小写罗马字母-->
<ol type="i">
    <li>起锅开火</li>
    <li>把水烧开</li>
    <li>方面进去</li>
</ol>
<!--无序列表 ul(unordered list) li(list item列表项)-->
<!--type="none" 去除列表项前标识符-->
<ul type="none">
    <li>Think in java</li>
    <li>Java从入门到精通</li>
    <li>颈椎康复指南</li>
</ul>
<hr>

<ul type="none">
    <li>
        热菜
        <ol>
            <li>西红柿牛腩</li>
            <li>水煮肉片</li>
            <li>宫保鸡丁</li>
            <li>溜肉段</li>
        </ol>
    </li>
    <li>凉菜
        <ol>
            <li>拍黄瓜</li>
            <li>皮蛋豆腐</li>
            <li>凉拌三丝</li>
        </ol>
    </li>
    <li>主食
    <ol>
        <li>米饭</li>
        <li>馒头</li>
    </ol>
    </li>

</ul>


<hr>


<h1>个人简历</h1>
<h3>基本信息</h3>

<p>姓名: <b>传奇哥</b></p>
<p>性别:男</p>
<p>爱好:<s>摄影</s></p>

<h3>个人经历</h3>
<ul>
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>
<h3>获得荣誉</h3>
<ol type="1">
    <li>机甲收集达人</li>
    <li>玩偶</li>
</ol>
</body>
</html>